<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://www.myfirefly.cn/tag/auth" prefix="auth"%>
<script type="text/javascript">
function changeGrantType(_this) {
	var val = $(_this).val();
	if(val == '1') {
		$('#li_GrantType10').show();
		$('#li_GrantType11').show();
		$('#li_GrantType20').hide();
		$('#li_GrantType21').hide();
		$('#li_GrantType30').hide();
		$('#li_GrantType31').hide();
		$('#li_GrantType40').hide();
		$('#li_GrantType41').hide();
	} else if (val == '2') {
		$('#li_GrantType10').hide();
		$('#li_GrantType11').hide();
		$('#li_GrantType20').show();
		$('#li_GrantType21').show();
		$('#li_GrantType30').hide();
		$('#li_GrantType31').hide();
		$('#li_GrantType40').hide();
		$('#li_GrantType41').hide();
	} else if (val == '3') {
		$('#li_GrantType10').hide();
		$('#li_GrantType11').hide();
		$('#li_GrantType20').hide();
		$('#li_GrantType21').hide();
		$('#li_GrantType30').show();
		$('#li_GrantType31').show();
		$('#li_GrantType40').hide();
		$('#li_GrantType41').hide();
	} else if (val == '4') {
		$('#li_GrantType10').hide();
		$('#li_GrantType11').hide();
		$('#li_GrantType20').hide();
		$('#li_GrantType21').hide();
		$('#li_GrantType30').hide();
		$('#li_GrantType31').hide();
		$('#li_GrantType40').show();
		$('#li_GrantType41').show();
	}
}
</script>
<div class="bjui-pageContent">
<form action="" id="spfTradeWage_form" data-toggle="validate" data-alertmsg="false">
	<input type="hidden" name="id" id="l_spfTradePerformanceId">
	<input type="hidden" name="tradeContractId" id="l_spfTradePerformanceTradeContractId" value="${contractId}">
	<ul style='margin-top: 10px;margin-bottom: 10px;'>
       	<li style='float:left;margin-bottom: 10px;'>
       		<div style="width:350px;">
       			<label for="l_grantType" class="control-label x100" style="cursor:default;font-weight: normal;">发放情况：</label>
       			<select id="l_grantType" name="grantType" data-toggle="selectpicker" data-width="200" onchange="changeGrantType(this)">
					<option value="1">已到账未网签</option>
					<option value="2">未到账</option>
					<option value="3">已到账已网签</option>
					<option value="4">补网签</option>
	       		</select>
       		</div>
       	</li>
       	<li style='float:left;margin-bottom: 10px;'>
       		<div style="width:350px;visibility: hidden">
       			<label for="l_commissionAccountDate" class="control-label x100">：</label>
       			<input size="20">
       		</div>
       	</li>
		<li id="li_GrantType10" style='float:left;margin-bottom: 10px;'>
       		<div style="width:350px;">
       			<label for="l_commissionAccountDate" class="control-label x100" style="cursor:default;font-weight: normal;">佣金已于</label>
       			<input type="text" name="commissionAccountDate" id="l_commissionAccountDate" value="" readonly="readonly" data-toggle="datepicker" data-rule="length[~20];jsvalide" size="15">
       			到账，
       		</div>
       	</li>
		<li id="li_GrantType11" style='float:left;margin-bottom: 10px;'>
       		<div style="width:350px;">
       			<label for="l_unwebGrantDate" class="control-label x100" style="cursor:default;font-weight: normal;">预计于</label>
       			<input type="text" name="unwebGrantDate" id="l_unwebGrantDate" value="" readonly="readonly" data-toggle="datepicker" data-rule="length[~20];jsvalide" size="14">发放
       			<input type="text" name="grantPercent" id="l_grantPercent" value="" data-rule="length[~3];number;jsvalide" size="5">%
       		</div>
       	</li>
		<li id="li_GrantType20" style='float:left;margin-bottom: 10px;display: none;'>
       		<div style="width:350px;">
       			<label for="l_webSignDate" class="control-label x100" style="cursor:default;font-weight: normal;">已于</label>
       			<input type="text" name="webSignDate" id="l_webSignDate" value="" readonly="readonly" data-toggle="datepicker" data-rule="length[~20];jsvalide" size="15">进行网签，
       		</div>
       	</li>
		<li id="li_GrantType21" style='float:left;margin-bottom: 10px;display: none;'>
       		<div style="width:350px;">
       			<label for="l_reissueDate" class="control-label x100" style="cursor:default;font-weight: normal;">预计于</label>
       			<input type="text" name="reissueDate" id="l_reissueDate" value="" readonly="readonly" data-toggle="datepicker" data-rule="length[~20];jsvalide" size="14">补发网签提成
       		</div>
       	</li>
       	<li id="li_GrantType30" style='float:left;margin-bottom: 10px;display: none;'>
       		<div style="width:350px;">
       			<label for="l_commissionAccountDate2" class="control-label x100" style="cursor:default;font-weight: normal;">佣金已于</label>
       			<input type="text" name="commissionAccountDate2" id="l_commissionAccountDate2" value="" readonly="readonly" data-toggle="datepicker" data-rule="length[~20];jsvalide" size="15">
       			到账且网签，
       		</div>
       	</li>
		<li id="li_GrantType31" style='float:left;margin-bottom: 10px;display: none;'>
       		<div style="width:350px;">
       			<label for="l_allGrantDate" class="control-label x100" style="cursor:default;font-weight: normal;">预计于</label>
       			<input type="text" name="allGrantDate" id="l_allGrantDate" value="" readonly="readonly" data-toggle="datepicker" data-rule="length[~20];jsvalide" size="14">一次性全部发放
       		</div>
       	</li>
       	<li id="li_GrantType40" style='float:left;margin-bottom: 10px;display: none;'>
       		<div style="width:350px;">
       			<label for="l_commissionAccountDate2" class="control-label x100" style="cursor:default;font-weight: normal;">已于</label>
       			<input type="text" name="fillWebSignDate" id="l_fillWebSignDate" value="" readonly="readonly" data-toggle="datepicker" data-rule="length[~20];jsvalide" size="15">
       			补网签，
       		</div>
       	</li>
		<li id="li_GrantType41" style='float:left;margin-bottom: 10px;display: none;'>
       		<div style="width:350px;">
       			<label for="l_allGrantDate" class="control-label x100" style="cursor:default;font-weight: normal;">网签部分预计于</label>
       			<input type="text" name="fillWebSignWillDate" id="l_fillWebSignWillDate" value="" readonly="readonly" data-toggle="datepicker" data-rule="length[~20];jsvalide" size="14">发放
       			<input type="text" name="fillWebSignPercent" id="l_fillWebSignPercent" value="" data-rule="length[~3];number;jsvalide" size="5">%
       		</div>
       	</li>
    </ul>
</form>
</div>
<div class="bjui-pageFooter">
	<ul>
		<li><button type="button" class="btn btn-red cancel" data-icon="remove">取消</button></li>
		<auth:has funcId="spfTradeContractManage" action="/spfTradeContractManage/addWageSave.do">
		<li><button type="button" class="btn btn-default save" data-icon="save">保存</button></li>
		</auth:has>
	</ul>
</div>